<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>tq htmleditor demo</title>
<script src="../TQEditor.js?skin=fire" type="text/javascript"></script>
</head>

<body>
<!--#include file="_nav.htm" -->
<script src="demo.js" type="text/javascript"></script>
切换皮肤: <a href="javascript:tqEditor.loadSkin('default')">默认</a> | <a href="javascript:tqEditor.loadSkin('red')">red</a> | <a href="javascript:tqEditor.loadSkin('silver')">silver</a> | <a href="javascript:tqEditor.loadSkin('green')">green</a> | <a href="javascript:tqEditor.loadSkin('blue')">blue</a> | <a href="javascript:tqEditor.loadSkin('yellow')">yellow</a> | <a href="javascript:tqEditor.loadSkin('pink')">pink</a> | <a href="javascript:tqEditor.loadSkin('fire')">fire</a>
<br>
<strong>注意:同一页面只允许一个皮肤</strong><br>
<textarea id="e1" rows="12" cols="100" >{bgColor:'black', textColor:'white'}</textarea>
<script type="text/javascript" defer="true"> 
 new tqEditor('e1',{toolbar:'full',imageUploadUrl:'./upload.php', flashUploadUrl:'./upload.php', flvUploadUrl:'./upload.php', videoUploadUrl:'./upload.php', musicUploadUrl:'./upload.php', rmUploadUrl:'./upload.php', linkUploadUrl:'./upload.php'}); 
</script>
<br>
<br> 
<br>
有3种方法载入皮肤 <br>
一:同时加载皮肤 .在加载TQEditor.js网址附加上?skin=皮肤, 如<br>
&lt;script src=&quot;../TQEditor.js?skin=<span style="color: #F00; font-weight: bold;">皮肤</span>&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br>
二:静态加载皮肤.在加载TQEditor.js<strong>后</strong>, 添加网页代码 <br>
&lt;link href=&quot;../TQEditor.<span style="color: #F00; font-weight: bold;">皮肤</span>.css&quot; id=&quot;TQEditorSkinCSS&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;
<br>
三:
动态加载皮肤. Js代码<br>
tqEditor.loadSkin('<span style="color: #F00; font-weight: bold;">皮肤</span>') ;
<p>自定义皮肤:</p>
<ol>
	<li> 不修改图标时, 参看TQEditor.***.css, 修改相关的颜色代码即可.</li>
	<li>如要更改图标,请另存icon.gif副本并改名<br>
 然后TQEditor.***.css修改皮肤样式.eButton,.eButtonUp,.eButtonDown,.eButtonDropDown{background-image:url(<span style="color: #00F">图标文件</span>); }<br>
	如新图标的大小,位置已不同, 则需要重新定义#eBTN*****{位置,宽度等的样式定义}</li>
	<li>默认提供了几种常用皮肤</li>
</ol>
</body>
</html>